﻿* { margin:0; padding:0; }
body { color:#6F6F6F; font-size:12px; font-family:微软雅黑,宋体; }
.x { width:880px; margin:0 auto; overflow:hidden; }

.top { background:url(../images/t_b.png); height:114px; position:relative; z-index:2; margin-bottom:-10px; }
.left { width:225px; float:left; background-color:#e7e6e6; border-right:2px solid #D0D0D0; padding-bottom:5000px; margin-bottom:-5000px; }
.body { position:relative; z-index:1; }
.main { width:653px; float:left; }
.foot { height:24px; line-height:24px; background:#383838; text-align:center; color:white; margin-bottom:10px; }
.foot a { color:white; }

.icon { background: url(../images/icon.png) no-repeat; }
.shadow { box-shadow:3px 3px 7px #999999; -webkit-box-shadow:3px 3px 7px #999999; -moz-box-shadow:3px 3px 7px #999999; }

/* for redraw checkbox */
img.checkbox { background:url(../images/icon.png) -308px -448px no-repeat; width:28px; height:28px; vertical-align:middle }
img.checkbox.checked { background-position: -308px -479px; }
/* for redraw select */
div.select { border:1px solid silver; height:30px; width:200px; display:inline-block; background:url(../images/icon.png) right -500px no-repeat; -moz-border-radius:3px; border-radius:3px; }
div.select.hover { background-position: right -465px; -moz-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; }
div.select label { height:30px; width:165px; padding:0 30px 0 5px; display:block; }
div.select div { width:200px; border:1px solid silver; position:absolute; z-index:1; display:none; background:white; margin-left:-1px; -moz-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px; }
div.select.hover div { display:block; }
div.select.hover div a { display:block; color:gray; padding:0 5px; font-size:14px; }
div.select.hover div a:hover { background:lavender; }
/* for interface alert */

/* for top */
.logo { float:left; padding:16px 0 0 32px; }
.logo a { display:block; width:235px; height:50px; background:url(../images/logo.png); }
.logo p { font-size:14px; margin-top:3px; color:#e7ecee }

.top ul { float:right; list-style:none; padding:30px 20px 0 0; }
.top ul li { float:left; width:100px; }
.top ul li a { display:block; width:87px; height:39px; background:url(../images/t_n.png); color:white; text-decoration:none; text-align:center; }
.top ul li a:hover, .top ul li a.pressed { background:url(../images/t_n_p.png); }
.top ul li a span { padding:2px 0 2px 20px; line-height:39px; }
.regard { background-position:-583px -37px; }
.recommend { background-position:-681px -37px; }
.relogin { background-position:-774px -37px; }
.coin { background-position:-670px -70px; padding-left:30px; color:white; }

/* for left */
.setting { display:block; width:191px; height:41px; margin:40px auto 0; background-position:-18px -147px; }
.head { width:100px; height:100px; background:white; padding:10px; display:block; margin:20px auto; }
.username { margin:20px 0; text-align:center; }
.username a { font-size:18px; color:#7d7d7d; font-weight:bold; text-decoration:none; }
.username a:hover { text-decoration:underline; }
.point { background-position:-37px -369px; padding-left:40px; font-size:16px; font-weight:bold; line-height:40px; margin-left:40px; }
.count { text-align:center; margin:10px auto 30px; }

.category { display:block; margin:20px -2px 100px 44px; list-style:none; }
.category li { display:block; height:44px; background:url(../images/category_b.gif) repeat-x; border:1px solid #c0c0c0; margin:-1px 0; }
.category li a { display:block; height:40px; line-height:40px; margin:2px; color:#626262; padding-left:80px; text-decoration:none; font-size:14px; background-image:url(../images/icon.png); background-repeat: no-repeat; }
.category li.current { background:white; border-right-color:white; }
.category li.current a {}
.c_all { background-position:-30px -437px; }
.c_news { background-position:-30px -482px; }
.c_funny { background-position:-30px -527px; }
.c_recreate { background-position:-30px -572px; }
.c_itwork { background-position:-30px -617px; }
.c_emotion { background-position:-30px -662px; }
.c_travel { background-position:-30px -707px; }
.c_art { background-position:-30px -754px; }
.c_asterism { background-position:-30px -799px; }

/* form layout define */
form dl { margin:20px 0; font-size:16px; overflow:hidden; line-height:28px; }
form dl dt { width:90px; float:left; padding-left:20px; background:url(../images/icon.png) -253px -394px no-repeat; }
form dl dd { float:left; }
form button { width:87px; height:39px; border:none; background:url(../images/icon.png) -452px -833px no-repeat; font-size:16px; color:white; font-weight:bold; }

/* for main in index */
.index {}
.index .notice { height:170px; background:url(../images/notice.gif) repeat-x; }

.index .list { margin:20px 100px 0 70px; list-style:none; }
.index .list li { margin:20px 0; border:1px solid #d4d4d4; -moz-box-shadow:0px 3px 7px #999999; box-shadow:0px 3px 7px #999999; -moz-border-radius:5px; border-radius:5px; font-size:12px; }
.index .list li h4 { padding:10px 20px; height:24px; font-size:12px; line-height:24px; background:url(../images/item_t_b.gif) repeat-x; position:relative; -moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; }
.index .list li h4 span { float:left; color:white; }
.index .list li h4 a { float:right; width:44px; height:24px; color:white; background: url(../images/icon.png) -687px -301px no-repeat; text-align:center; text-decoration:none; }
.index .list li h4 b { float:right; background: url(../images/icon.png) -639px -251px no-repeat; padding-left:20px; }
.index .list li h4 label { position:absolute; right:-80px; width:80px; top:44px; height:30px; color:white; text-align:center; line-height:30px; -moz-box-shadow:3px 3px 5px #999999; box-shadow:3px 3px 5px #999999; -moz-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0; }
.index .list li p { padding:10px; line-height:18px; text-indent:2em; color:#707070; }
.index .list li div { text-align:right; margin:-20px 10px 10px; }

.index .l_all { background-color:#ff4e00; }
.index .l_news { background-color:#ff4e00; }
.index .l_funny { background-color:#ff4e00; }
.index .l_recreate { background-color:#ff4e00; }
.index .l_itwork { background-color:#ff4e00; }
.index .l_emotion { background-color:#ff4e00; }
.index .l_travel { background-color:#ff4e00; }
.index .l_art { background-color:#ffba00; }
.index .l_asterism { background-color:#ff4e00; }

/* for main in settings */
.settings { padding:45px 0; }
.settings h3 { font-size:24px; border-bottom:2px #969696 dashed; padding-bottom:6px; margin:0 20px 20px; }
.settings p { margin:20px; font-size:16px; }
.settings form { margin:40px; }
.settings form dl dd ul li { list-style:none; margin-bottom:10px; }

/* for x in login.sina */
.login_sina { color:#555555; padding-bottom:200px; }
.login_sina h4 { font-size:24px; margin:60px 0 30px; text-align:center; }
.login_sina div { border:silver dashed; border-width:2px 0; margin:20px; padding:30px; }
.login_sina div p { margin:10px 0; font-size:16px; }
.login_sina center a { display:block; width:161px; height:33px; margin:0 auto; background:url(../images/icon.png) -373px -526px; }

/* for main in confirm-settings */
.confirm { }
.confirm h4 { background:url(../images/icon.png) -267px -146px no-repeat; margin:40px; height:42px; line-height:42px; font-size:24px; padding-left:40px; }
.confirm div { line-height:22px; margin:40px; border:2px dashed silver; border-width:2px 0; padding:20px; font-size:16px; line-height:24px; }
